<!DOCTYPE html>
<html lang="en-us">
<head>
<meta charset="utf-8">
<!--<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">-->

<title>智能互联，成就卓越物流</title>
<meta name="description" content="">
<meta name="author" content="">

<!-- Use the correct meta names below for your web application
			 Ref: http://davidbcalhoun.com/2010/viewport-metatag 
			 
		<meta name="HandheldFriendly" content="True">
		<meta name="MobileOptimized" content="320">-->

<meta name="viewport"
	content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

<!-- Basic Styles -->
<link rel="stylesheet" type="text/css" media="screen"
	href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" media="screen"
	href="css/font-awesome.min.css">

<!-- SmartAdmin Styles : Please note (smartadmin-production.css) was created using LESS variables -->
<link rel="stylesheet" type="text/css" media="screen"
	href="css/smartadmin-production.css">
<link rel="stylesheet" type="text/css" media="screen"
	href="css/smartadmin-skins.css">

<!-- G7 fix -->
<link rel="stylesheet" type="text/css" media="screen"
	href="css/demo-increase.css">

<!-- SmartAdmin RTL Support is under construction
		<link rel="stylesheet" type="text/css" media="screen" href="css/smartadmin-rtl.css"> -->
<!-- daterangepicker Styles  -->
<link rel="stylesheet" type="text/css" media="screen"
	href="css/daterangepicker-bs3.css">

<!-- We recommend you use "your_style.css" to override SmartAdmin
		specific styles this will also ensure you retrain your customization
		with each SmartAdmin update.
		<link rel="stylesheet" type="text/css" media="screen" href="css/demo.css"> -->

<!-- Demo purpose only: goes with demo.js, you can delete this css when designing your own WebApp -->
<link rel="stylesheet" type="text/css" media="screen"
	href="css/demo.css">

<!-- 设置表头左右选择插件样式 -->
<link rel="stylesheet" type="text/css" media="screen"
	href="css/jquery.multiselect2side.css">

<!-- FAVICONS -->
<link rel="shortcut icon" href="img/favicon/favicon.ico"
	type="image/x-icon">
<link rel="icon" href="img/favicon/favicon.ico" type="image/x-icon">

<!-- GOOGLE FONT
		<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,300,400,700"> -->

</head>
<body class="">

	<!-- widget grid -->
	<section id="widget-grid" class="">
		<!-- row -->
		<!-- row -->
		<div class="row">

			<!-- NEW WIDGET START -->
			<article class="col-xs-12 col-sm-12 col-md-12 col-lg-12">

				<!-- Widget ID (each widget will need unique ID)-->
				<div class="jarviswidget" id="wid-id-0"
					data-widget-colorbutton="false" data-widget-editbutton="false"
					data-widget-togglebutton="false" data-widget-deletebutton="false"
					data-widget-custombutton="false" data-widget-sortable="false">
					<!-- widget options:
					usage: <div class="jarviswidget" id="wid-id-0" data-widget-editbutton="false">
					
					data-widget-colorbutton="false"	
					data-widget-editbutton="false"
					data-widget-togglebutton="false"
					data-widget-deletebutton="false"
					data-widget-fullscreenbutton="false"
					data-widget-custombutton="false"
					data-widget-collapsed="true" 
					data-widget-sortable="false"
					
				-->
					<header>
						<span class="widget-icon"> <i class="fa fa-align-justify"></i>
						</span>
						<h2>规则设置</h2>
					</header>

					<!-- widget div-->
					<div role="content">

						<!-- widget edit box -->
						<div class="jarviswidget-editbox">
							<!-- This area used as dropdown edit box -->
							<!-- Normally there would be an input text box here to change widget title. 
							Use this area only if plan to let users change widget title -->
						</div>
						<!-- end widget edit box -->

						<!-- widget content -->
						<div class="widget-body no-padding">
							<form class="smart-form" id="ruleAddForm" action="">
								<!-- this is what the user will see -->
								<fieldset>
									<div class="alert alert-info">
										<button data-dismiss="alert" class="close">×</button>
										<i class="fa-fw fa fa-info"></i> 您可以在此页面设置埋点信息、规则匹配、计算方式、联系人。
									</div>
									<div class="row">
										<div class="col col-12">
												<label class="label col col-3 text-align-right font-md">选择规则组：</label>
												<section class="col col-6">
													<div class="form-group">
														<select style="width: 100%" class="select2" id="ruleName"
															name="ruleName" onchange="initMenu()">
															<!-- <option value=".kibana">kibana</option>
															<option value="applog">applog</option>
															<option value="elasticsearch-sql_test_index">test</option>
															<option value="gpscard">gpscard</option>
															<option value="smartop">smartop</option>
															<option value="smartoplogger">smartoplogger</option> -->
															</optgroup>
														</select>
													</div>
												</section>
												
												<div class="col col-2">
													<a href="#"
														class="btn btn-success btn-sm pull-right margin-top-10"
														data-toggle="modal" data-target="#ruleCreate">创建规则</a>
												</div>
												<div class="col col-2">
												<button class="btn btn-success btn-sm pull-right margin-top-10"
													onclick="updateRules()">修改规则</button>
												</div>
										</div>
									</div>
									<hr />
									<br />

									<h6>设置参数：</h6>
									<div class="row">
										<section class="col col-xs-12 col-md-12 padding-top-10">
											<div class="col-xs-12 col-md-3" id="warningList">
												<ol class="dd-list">
													<li><div name="szcs" id="szcs"
															class="dd-handle no-margin"
															onclick="addRulePanel('超速报警')">
															<i class="fa fa-fw fa-ellipsis-vertical"></i>超速报警
														</div> <span class="onoffswitch"><input checked="checked"
															type="checkbox" id="myonoffswitch1"
															class="onoffswitch-checkbox" name="onoffswitch1">
															<label for="myonoffswitch1" class="onoffswitch-label">
																<div data-swchoff-text="禁用" data-swchon-text="启用"
																	class="onoffswitch-inner"></div>
																<div class="onoffswitch-switch"></div>
														</label> </span></li>
												</ol>
											</div>
											<div class="col-xs-12 col-md-9">
												<div style="padding-left: 15px">
													<div id="csbj" class="well well-light padding-10 show_tab"
														style="display: block;">
														<table class="table">
															<tbody>
																<tr>
																	<td width="160px"><strong>埋点信息:</strong></td>
																	<td><label class="label">埋点的key(用逗号分隔):</label><label
																		class="input"> <i
																			class="icon-append fa fa-question-circle"></i> <input
																			type="text" class="input-sm"><b
																			class="tooltip tooltip-top-right"> <iclass ="fa
																					fa-warning="" txt-color-teal"=""></iclass="fa></b></label></td>
																</tr>
																<tr>
																	<td width="160px"><strong>运算类型:</strong></td>
																	<td><label class="label">请在avg,sum,max,min中选择:</label><label
																		class="input"> <i
																			class="icon-append fa fa-question-circle"></i> <input
																			type="text" class="input-sm"><b
																			class="tooltip tooltip-top-right"> <iclass ="fa
																					fa-warning="" txt-color-teal"=""></iclass="fa></b></label></td>
																</tr>
																<tr>
																	<td width="160px"><strong>浮动区间(选填):</strong></td>
																	<td><label class="label">最小:</label><label
																		class="input"> <i
																			class="icon-append fa fa-question-circle"></i> <input
																			type="text" class="input-sm"><b
																			class="tooltip tooltip-top-right"> <iclass ="fa
																					fa-warning="" txt-color-teal"=""></iclass="fa></b></label></td>
																	<td><label class="label">最大:</label><label
																		class="input"> <i
																			class="icon-append fa fa-question-circle"></i> <input
																			type="text" class="input-sm"><b
																			class="tooltip tooltip-top-right"> <iclass ="fa
																					fa-warning="" txt-color-teal"=""></iclass="fa></b></label></td>
																</tr>
																<tr>
																	<td width="160px"><strong>报警接收人:</strong></td>
																	<td><label class="label">叮叮电话(用，号分隔):</label><label
																		class="input"> <i
																			class="icon-append fa fa-question-circle"></i> <input
																			type="text" class="input-sm"><b
																			class="tooltip tooltip-top-right"> <iclass ="fa
																					fa-warning="" txt-color-teal"=""></iclass="fa></b></label></td>
																</tr>
																<tr>
																	<td width="160px"><strong>前推时间(单位:ms):</strong></td>
																	<td><label class="label">从该时间起:</label><label
																		class="input"> <i
																			class="icon-append fa fa-question-circle"></i> <input
																			type="text" class="input-sm"><b
																			class="tooltip tooltip-top-right"> <iclass ="fa
																					fa-warning="" txt-color-teal"=""></iclass="fa></b></label></td>
																</tr>
															</tbody>
														</table>
													</div>
													<div id="nochecked"
														class="well well-light padding-10 show_tab">
														<h6 class="txt-color-red">报警未开启</h6>
													</div>
												</div>
											</div>
										</section>
									</div>
								</fieldset>
								<!-- <footer>
								<button class="btn btn-default" type="submit"> 取消 </button>
								<button class="btn btn-primary" type="submit"> 保存设置	</button>
							</footer> -->
								<input type="hidden" name="ruleBody" />
							</form>
						</div>
						<!-- end widget content -->
					</div>
					<!-- end widget div -->
				</div>
				<!-- end widget -->
				<!-- 新建规则 -->
				<!-- 新建图表 -->
				<!--=======================对话框开始=========================== -->
				<div class="modal fade" id="ruleCreate" role="dialog"
					aria-labelledby="myModalLabel" aria-hidden="true">
					<div class="modal-dialog">
						<div class="modal-content">
							<div class="modal-header">
								<button type="button" class="close" data-dismiss="modal"
									aria-hidden="true">&times;</button>
								<h4 class="modal-title" id="myModalLabel">新增规则</h4>
							</div>
							<div class="modal-body no-padding">
								<form action="" class="smart-form">
									<fieldset>
										<section class="col-xs-12">
											<label class="label col col-2 text-align-right">规则名称</label>
											<label class="label col col-6 no-padding"> <label
												class="input"> <input type="text" class="input-sm" id="nameDialog" name="nameDialog">
											</label>
											</label>
										</section>
										<section class="col-xs-12">
											<label class="label col col-2 text-align-right">规则类型</label>
											<label class="label col col-6 no-padding"> <label
												class="select"> <select id="indexDialog"
													name="indexDialog" class="input-sm">
												</select> <i></i>
											</label>
											</label>
										</section>
										<section class="col-xs-12">
											<label class="label col col-2 text-align-right">规则模板</label>
											<label class="label col col-6 no-padding"> <label
												class="select"> <select name="rulePattern"
													id="rulePattern" class="input-sm">
												</select> <i></i>
											</label>
											</label>
										</section>
									</fieldset>
								</form>

							</div>
							<div class="modal-footer">
								<button type="button" class="btn btn-primary" onclick="createRules()">
									<i class="fa fa-save"></i> 保存
								</button>
								<button type="button" class="btn btn-default"
									data-dismiss="modal">取消</button>
							</div>
						</div>
						<!-- /.modal-content -->
					</div>
					<!-- /.modal-dialog -->
				</div>
				<!-- /.modal -->
				<!--=======================对话框结束=========================== -->

			</article>
			<!-- WIDGET END -->

		</div>

		<!-- end row -->

		<!-- row -->

		<div class="row">

			<!-- a blank row to get started -->

		</div>

		<!-- end row -->

		<!-- end row -->

		<!-- row -->

		<div class="row">

			<!-- a blank row to get started -->

		</div>

		<!-- end row -->
	</section>
	<!-- end widget grid -->


	<script data-pace-options='{ "restartOnRequestAfter": true }'
		src="js/plugin/pace/pace.min.js"></script>

	<!-- Link to Google CDN's jQuery + jQueryUI; fall back to local -->
	<script src="js/libs/jquery-2.0.2.min.js"></script>
	<script>
		if (!window.jQuery) {
			document
					.write('<script src="js/libs/jquery-2.0.2.min.js"><\/script>');
		}
	</script>

	<script src="js/libs/jquery-ui-1.10.3.min.js"></script>
	<script>
		if (!window.jQuery.ui) {
			document
					.write('<script src="js/libs/jquery-ui-1.10.3.min.js"><\/script>');
		}
	</script>

	<!-- JS TOUCH : include this plugin for mobile drag / drop touch events
		<script src="js/plugin/jquery-touch/jquery.ui.touch-punch.min.js"></script> -->

	<!-- BOOTSTRAP JS -->
	<script src="js/bootstrap/bootstrap.min.js"></script>

	<!-- CUSTOM NOTIFICATION -->
	<script src="js/notification/SmartNotification.min.js"></script>

	<!-- JARVIS WIDGETS -->
	<script src="js/smartwidgets/jarvis.widget.min.js"></script>

	<!-- EASY PIE CHARTS -->
	<script src="js/plugin/easy-pie-chart/jquery.easy-pie-chart.min.js"></script>

	<!-- SPARKLINES -->
	<script src="js/plugin/sparkline/jquery.sparkline.min.js"></script>

	<!-- JQUERY VALIDATE -->
	<script src="js/plugin/jquery-validate/jquery.validate.min.js"></script>
	<script src="js/plugin/jquery-validate/localization/messages_zh.js"></script>


	<!-- JQUERY MASKED INPUT -->
	<script src="js/plugin/masked-input/jquery.maskedinput.min.js"></script>

	<!-- JQUERY SELECT2 INPUT -->
	<script src="js/plugin/select2/select2.min.js"></script>

	<!-- JQUERY UI + Bootstrap Slider -->
	<script src="js/plugin/bootstrap-slider/bootstrap-slider.min.js"></script>

	<!-- browser msie issue fix -->
	<script src="js/plugin/msie-fix/jquery.mb.browser.min.js"></script>

	<!-- SmartClick: For mobile devices -->
	<script src="js/plugin/smartclick/smartclick.js"></script>

	<!--[if IE 7]>

		<h1>你的浏览器版本太低，为了您正常使用本系统，请到此处升级浏览器版本 www.microsoft.com/download</h1>

		<![endif]-->

	<!-- Demo purpose only -->
	<script src="js/demo.js"></script>

	<!-- MAIN APP JS FILE -->
	<script src="js/jquery.cookie.js"></script>
	<script src="js/app.js"></script>
	<script src="HTML_version/js/plugin/summernote/summernote.js"></script>

	<!-- Your GOOGLE ANALYTICS CODE Below -->
	<script type="text/javascript">
		var _gaq = _gaq || [];
		_gaq.push([ '_setAccount', 'UA-XXXXXXXX-X' ]);
		_gaq.push([ '_trackPageview' ]);

		(function() {
			var ga = document.createElement('script');
			ga.type = 'text/javascript';
			ga.async = true;
			ga.src = ('https:' == document.location.protocol ? 'https://ssl'
					: 'http://www')
					+ '.google-analytics.com/ga.js';
			var s = document.getElementsByTagName('script')[0];
			s.parentNode.insertBefore(ga, s);
		});
	</script>




	<script type="text/javascript">
		/*
		 * ALL PAGE RELATED SCRIPTS CAN GO BELOW HERE
		 * eg alert("my home function");
		 */
		var selectedIndex;
		var selectedRule;
		$(".onoffswitch-checkbox").click(function() {
			if ($(this).attr("checked") == "checked") {
				$(this).removeAttr("checked");
			} else {
				$(this).attr("checked", "checked");
			}
		});
		function show_table() {
			$("#warningList li").css("position", "relative");
			$("#warningList li .onoffswitch").css({
				"position" : "absolute",
				"top" : "8px",
				"right" : "5px",
			});
			$(".show_tab").hide();
			$("#csbj").fadeIn();

			$("#warningList .dd-handle").click(
					function() {
						$(this).parent("li").siblings().children(".dd-handle")
								.css({
									"background" : "#FBFBFB",
									"border-color" : "#CFCFCF"
								});
						$(this).css({
							"background" : "#FDDFB3",
							"border-color" : "#FAA937"
						});
						var bname = $(this).attr("name");
						$(".fa-check-square").attr("class",
								"fa fa-fw fa-ellipsis-vertical");

						$(".show_tab").hide();
						if ($(this).siblings("span").children("input").attr(
								"checked") == "checked") {
							$("#" + bname).show();
							$(this).children("i").attr("class",
									"fa fa-fw fa-check-square");
						} else {
							$("#nochecked").show();
						}
						console.log($(this).siblings("span").children("input")
								.attr("checked"));
					});
		};

		show_table();

		/*
		 * TIMEPICKER
		 */

		//Load time picker script
		loadScript(
				"js/plugin/bootstrap-timepicker/bootstrap-timepicker.min.js",
				runTimePicker);

		function runTimePicker() {
			$('#timePicker1,#timePicker3').timepicker({
				minuteStep : 1,
				//template: 'modal',
				appendWidgetTo : 'body',
				showSeconds : false,
				showMeridian : false,
				defaultTime : '22:00'
			});
			$('#timePicker2,#timePicker4').timepicker({
				minuteStep : 1,
				//template: 'modal',
				appendWidge5To : 'body',
				showSeconds : false,
				showMeridian : false,
				defaultTime : '6:00'
			});
			$('#timePicker5').timepicker({
				minuteStep : 1,
				//template: 'modal',
				appendWidgetTo : 'body',
				showSeconds : false,
				showMeridian : false,
				defaultTime : '00:00'
			});
			$('#timePicker6').timepicker({
				minuteStep : 1,
				//template: 'modal',
				appendWidge5To : 'body',
				showSeconds : false,
				showMeridian : false,
				defaultTime : '23:59'
			});
		}
		
		$(function() {
			initSelectBox();
			initMenu();
		})
		//function Section Authed by Xiezhenyu Start
		function addRulePanel(ruleIndex, ruleName) {
			selectedIndex = ruleIndex;
			selectedRule = ruleName;
			$
					.getJSON(
							"/smarttest-frontstage/rule/param/query/" + ruleIndex
									+ "-" + ruleName + ".action",
							function(data) {
								if (data.status == 200 && data.data) {
									$("#csbj").empty();
									var ruleData = JSON
											.parse(data.data[0].ruleData);
									var html="<table class=\"table\"><tbody>";
									html+="<tr><td width=\"160px\"><strong>规则概要</strong></td>";
									html+="<td><label class=\"label\">规则名称</label>";
									html+="<label class=\"input\"><i class=\"icon-append fa fa-question-circle\"></i> <input type=\"text\" class=\"input-sm\" id=\"ruleNameUpdate\" value="+ruleName+"><b class=\"tooltip tooltip-top-right\"> <iclass=\"fa fa-warning txt-color-teal\"></i>";
									for (var i in ruleData) {
										var pd = ruleData[i];
										html += "<tr><td width=\"160px\"><strong>"
												+ pd.group + "</strong></td>"
										for ( var j in pd.params) {
											var ps = pd.params[j];
											html += "<td><label class=\"label\">"
													+ ps.k + "</label>";
											html += "<label class=\"input\"> <i class=\"icon-append fa fa-question-circle\"></i> <input type=\"text\" class=\"input-sm\" value="+ps.v+"><b class=\"tooltip tooltip-top-right\"> <iclass=\"fa fa-warning txt-color-teal\"></i>";
										}
									}
 								} else {
 								}
								$("#csbj").html(html); 
							});
		}

		function updateRules() {
			var modifiedRuleName;
			var modifiedName = $("#ruleNameUpdate").val();
			if(modifiedName!==selectedRule){
				modifiedRuleName=modifiedName;
			}
			var paramJson = [];
			$("#csbj").find("tr").each(function(i) {
				var groupname;
				var ps = [];
				$(this).find("td").each(function(j) {
					if (j == 0) {
						groupname = $(this).eq(j).text();
					} else {
						var key = $(this).find("label").eq(0).text();
						var value = $(this).find("input").val();
						ps.push({
							"k" : $.trim(key),
							"v" : $.trim(value)
						});
					}
				});
				if(groupname==='规则概要'){
					return true;
				}
				paramJson.push({
					"group" : groupname,
					"params" : ps
				});
			});
			//把json对象转换成字符串
			paramJson = JSON.stringify(paramJson);
			$("#ruleAddForm [name=ruleBody]").val(paramJson);
			$.ajax({
				url : '/smarttest-frontstage/rule/param/update.action',
				type : "POST",
				async : false,
				data : {
					'ruleIndex' : selectedIndex,
					'ruleName' : selectedRule,
					'ruleBody' : paramJson,
					'modifiedRuleName' : modifiedRuleName
				},
				error : function(response, error) {
					alert('error' + response.status);
				},
				success : function(data) {
					alert(data.msg);
					$("#ruleName").val(selectedIndex);
					initMenu();
				}
			});
		}


		function initMenu(input) {
			var ruleIndex;
			if (input !== null && input !== undefined
					&& input !== '') {
				ruleIndex = input;
			} else {
				ruleIndex = $("#ruleName").val();
			}
			selectedIndex = ruleIndex;
					$.ajax({
						url : '/smarttest-frontstage/rule/param/init/menu.action',
						type : "GET",
						data : {
							index : ruleIndex
						},
						async : false,
						error : function(response, error) {
							alert('error' + response.status);
						},
						success : function(data) {
							$("#warningList").empty();
							if (data.status == 200 && data.data) {
								var html = "<ol class=\"dd-list\">";
								var temp = data.data;
								for (i in temp) {
									html += "<li style=\"position: relative;\"><div name=\""+temp[i].ruleindex+"_"+temp[i].rulename+"\" id=\""+temp[i].ruleindex+"_"+temp[i].rulename+"\" class=\"dd-handle no-margin\" onclick=\"addRulePanel('"
											+ temp[i].ruleindex
											+ "','"
											+ temp[i].rulename + "')\">"
									html += "<i class=\"fa fa-fw fa-ellipsis-vertical\"></i>"
											+ temp[i].rulename
											+ "</div> <span class=\"onoffswitch\" style=\"position: absolute; top: 8px; right: 5px;\"><input checked=\"checked\" type=\"checkbox\" id=\"myonoffswitch"+i+"\" class=\"onoffswitch-checkbox\" name=\"onoffswitch"+i+"\"><label for=\"myonoffswitch"+i+"\" class=\"onoffswitch-label\"><div data-swchoff-text=\"禁用\" data-swchon-text=\"启用\" class=\"onoffswitch-inner\"></div><div class=\"onoffswitch-switch\"></div></label></span></li>";
								}
								html += "</ol></div>";
								$("#warningList").html(html);
							}
						}
					});
		}

		function initSelectBox() {
			$
					.ajax({
						url : '/smarttest-frontstage/rule/param/init/ruleIndexies.action',
						type : "GET",
						async : false,
						error : function(response, error) {
							alert('error' + response.status);
						},
						success : function(data) {
							if (data.status == 200 && data.data) {
								var html = "";
								var temp = data.data;
								for (i in temp) {
									var ruleType = temp[i];
									html += "<option value=\""+ruleType+"\">"
											+ ruleType + "</option>"
								}
								$("#ruleName").empty();
								$("#ruleName").html(html);
								$("#indexDialog").empty();
								$("#indexDialog").html(html);
							}
						}
					});
			$
					.ajax({
						url : '/smarttest-frontstage/rule/param/init/rulePatterns.action',
						type : "GET",
						async : false,
						error : function(response, error) {
							alert('error' + response.status);
						},
						success : function(data) {
							if (data.status == 200 && data.data) {
								var html = "";
								var temp = data.data;
								for (i in temp) {
									var singleRule = temp[i];
									html += "<option value=\""+singleRule.ruleType+"\">"
											+ singleRule.ruleType + "</option>"
								}
								$("#rulePattern").empty();
								$("#rulePattern").html(html);
							}
						}
					});
		}

		function createRules() {
			var ruleIndex = $("#indexDialog").val();
			var ruleName = $("#nameDialog").val();
			var ruleType = $("#rulePattern").val();

			$.ajax({
				url : '/smarttest-frontstage/rule/param/create.action',
				type : "POST",
				async : false,
				data : {
					'ruleIndex' : ruleIndex,
					'ruleName' : ruleName,
					'ruleType' : ruleType
				},
				error : function(response, error) {
					alert('error' + response.status);
				},
				success : function(data) {
					alert(data.msg);
					$("#ruleName").val(ruleIndex);
					initMenu(ruleIndex);
					$('#ruleCreate').modal('hide');
				}
			});
		}
		
		function test(){
			var chooseflag = selectedIndex+"_"+selectedRule;
			var type = $("#"+chooseflag+"").siblings("span").find("input").attr("checked");
			//.find("div[class=onoffswitch-switch]").attr("data-swchon-text");
			alert(type);
		}
		//function Section Authed by Xiezhenyu End
	</script>

</body>

</html>
